<div id="container_demo" >
    <div id="wrapper">
        <div id="register" class="animate form">
            <form  action="" autocomplete="on" method="post"> 
                <h1> Inscription </h1> 
                <p> 
                    <label for="usernamesignup" class="uname" data-icon="u">Nom d'utilisateur</label>
                    <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="Nom" style="margin-left: 80px;"/>
                </p>
                <p> 
                    <label for="emailsignup" class="youmail" data-icon="e" > E-mail</label>
                    <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="email" style="margin-left: 150px;"/> 
                </p>
                <p> 
                    <label for="passwordsignup" class="youpasswd" data-icon="p">Mot de passe </label>
                    <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="**********" style="margin-left: 105px;"/>
                </p>
                <p> 
                    <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Confirmer mot de passe </label>
                    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="**********" style="margin-left: 30px;"/>
                </p>
                <p class="signin button"> 
                    <input type="submit" value="Envoyer" style="width: 15%;"/> 
                </p>
                <p class="change_link">  
                    <label>Déjà inscrit ?</label>
                    <a href="login.html" class="to_register"> S'authentifier </a>
                </p>
            </form>
        </div>
    </div>
</div>